<template>
  <a-collapse>
    <a-collapse-panel key="1" header="弹出框属性说明">
      <IDialogDoc></IDialogDoc>
    </a-collapse-panel>
    <a-collapse-panel key="full" header="弹出框组件示例">
      <a-tabs :animated="false">
        <a-tab-pane key="full" tab="完整示例">
          <Full></Full>
        </a-tab-pane>
         <a-tab-pane key="IDialogForm" tab="弹框和表单结合">
          <IDialogForm></IDialogForm>
        </a-tab-pane>
        <a-tab-pane key="IDialogTable" tab="弹框和表格结合">
          <IDialogTable></IDialogTable>
        </a-tab-pane>
        <a-tab-pane key="ITableDialogForm" tab="完整简洁的表格增删改查">
          <ITableDialogForm></ITableDialogForm>
        </a-tab-pane>
       <!-- <a-tab-pane key="Time" tab="时间选择器">
          <Time></Time>
        </a-tab-pane>
        <a-tab-pane key="TreeSelect" tab="树形下拉框">
          <TreeSelect></TreeSelect>
        </a-tab-pane>
        <a-tab-pane key="ITemplate" tab="表单自定义">
          <ITemplate></ITemplate>
        </a-tab-pane> -->
      </a-tabs>
    </a-collapse-panel>
  </a-collapse>
</template>

<script lang="ts">
import { defineComponent, reactive, ref } from 'vue'
import IDialogDoc from './IDialogDoc.vue'
import Full from './commponents/Full.vue'
import IDialogForm from './commponents/IDialogForm.vue'
import IDialogTable from './commponents/IDialogTable.vue'
import ITableDialogForm from './commponents/ITableDialogForm.vue'
export default defineComponent({
    name: 'i_dialog_demo',
    setup () {
        return {}
    },
    methods: {},
    components: {
        IDialogDoc,
        Full,
        IDialogForm,
        IDialogTable,
        ITableDialogForm
    }
})
</script>

<style lang="scss" scoped>
.cus_template {
  display: flex;
}
</style>
